@charset 'utf-8' ;
@function r($px) {
    @return ($px/40) * 1rem;
}

@function half($px) {
    @return ($px/2) * 1px;
}

html,
body {
   
    overflow-x:hidden;
    height: 100%;
    width: r(750);
    height: 100%;
    position: relative;
    header,
    section,
    footer {
        text-align: center;
        overflow-x:hidden;
        position: absolute;
        width: 100%;
    }
    header{
       
         height: half(150);
        top: 0;
        //     background: red;
        box-sizing: border-box;
    }
    section{
       
        top: half(150);
        bottom: half(135);
        overflow: scroll;
        width: r(750);
    }
    footer {
        bottom: 0;
        height: half(135);
        a{
            color: #000;
            height: 100%;
           >div{
            height: 100%;
            width: 25%;
        } 
        }
        
        p{
            font-size: half(26);
        }
        .home{
//          padding-left:r(46) ;
            padding-top: half(18);
            img{
                width: half(73);
            }
            p{
                line-height: half(32);
                margin-left: r(9);
            }
        }
        .classify{
//          padding-left: r(136);
            padding-top: half(20);
            img{
                width: half(62);
            }
            p{
                line-height: half(46);
                 margin-left: half(4);
            }
        }
        .find{
//          padding-left: r(113);
            padding-top: half(13);
            img{
                width: half(71);
            }
            p{
                line-height: half(46);
                margin-left: half(8);
            }
        }
        .my{
//         padding-right: half(52);
            padding-top: half(16);
            img{
                width: half(71);
            }
            p{
                line-height: half(46);
                margin-left: half(10);
            }
        }
    }
}